<template>
  <div id="app">
    <my-header ></my-header>
    <my-nav></my-nav>
    <transition>
    <router-view></router-view>
  </transition>
  </div>
</template>

<script>
    import myHeader from './Header'
    import myNav from './Nav'
    import myCostanalyse from './Costanalyse'
    import myCostmonthly from './Costmonthly'
    export default {
        name: 'app',
        data() {
            return {
                msg: ''
            }
        },
        methods: {

        },
        components: {
            myHeader,
            myNav,
            myCostanalyse,
            myCostmonthly,
        },
    }
</script>

<style>
    * {
        margin: 0;
        padding: 0;
    }
    
    #app {
        /*width: 1000px;*/
        margin: 0 auto;
    }
    
    #app ul {
        list-style: none;
    }
    
    #app li a {
        text-decoration: none
    }
</style>